<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <title>Document</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/media.css">
</head>

<body>
  <!-- header -->
  @-@include('header.html')
  <!-- header-end -->
  <!-- banner -->
  <div class="in-banner" style="background-image: url(./images/about-banner.jpg);">
    <div class="in-con">
      <h2><img src="./images/title-img-about.png" /></h2>
      <article>权威专家  ● 国家标准 ●  专业服务</article>
    </div>
  </div>
  <!-- banner-end -->
  <!-- about -->
  <div class="about-tabs">

    <a href="./about.html">中心介绍</a>
    <a href="./advantage.html">资源优势</a>
    <a href="./about-unit.html" class="active">合作单位</a>
    <a href="./contactUS.html">联系我们</a>
  </div>

  <ul class="case-list">

    <li>
      <a href="">
        <div class="con-box">
          <figure>
            <div class="fi-inner">
              <div class="align-vertical">
                <div class="vertical-inner">
                  <img src="./images/u1.png">
                </div>
              </div>
              <p class="case-name">阿特斯阳光电力集团</p>
            </div>
          </figure>
          <div class="word">
            <h2 class="tit">业务挑战</h2>
            <article class="desc">
              <p>MPLS成本高且新增站点部署需要1-2个月，时间太长</p>
              <p> 带宽利用率低，应用性能得不到保障，员工抱怨多</p>
              <p> 多供应商使得运维和管理成本高，售后体验差</p>


            </article>
            <span class="more">learn more</span>
          </div>
        </div>

      </a>
    </li>
    <li>
      <a href="">
        <div class="con-box">
          <figure>
            <div class="fi-inner">
              <div class="align-vertical">
                <div class="vertical-inner">
                  <img src="./images/u2.png">
                </div>
              </div>
              <p class="case-name">南京高精传动设备制造集团</p>
            </div>
          </figure>
          <div class="word">
            <h2 class="tit">业务挑战</h2>
            <article class="desc">
              <p>MPLS成本高且新增站点部署需要1-2个月，时间太长</p>
              <p> 带宽利用率低，应用性能得不到保障，员工抱怨多</p>
              <p> 多供应商使得运维和管理成本高，售后体验差</p>


            </article>
            <span class="more">learn more</span>
          </div>
        </div>

      </a>
    </li>
    <li>
      <a href="">
        <div class="con-box">
          <figure>
            <div class="fi-inner">
              <div class="align-vertical">
                <div class="vertical-inner">
                  <img src="./images/u3.png">
                </div>
              </div>
              <p class="case-name">汉能控股集团</p>
            </div>
          </figure>
          <div class="word">
            <h2 class="tit">业务挑战</h2>
            <article class="desc">
              <p>MPLS成本高且新增站点部署需要1-2个月，时间太长</p>
              <p> 带宽利用率低，应用性能得不到保障，员工抱怨多</p>
              <p> 多供应商使得运维和管理成本高，售后体验差</p>


            </article>
            <span class="more">learn more</span>
          </div>
        </div>

      </a>
    </li>
    <li>
      <a href="">
        <div class="con-box">
          <figure>
            <div class="fi-inner">
              <div class="align-vertical">
                <div class="vertical-inner">
                  <img src="./images/u4.png">
                </div>
              </div>
              <p class="case-name">阿尔斯通</p>
            </div>
          </figure>
          <div class="word">
            <h2 class="tit">业务挑战</h2>
            <article class="desc">
              <p>MPLS成本高且新增站点部署需要1-2个月，时间太长</p>
              <p> 带宽利用率低，应用性能得不到保障，员工抱怨多</p>
              <p> 多供应商使得运维和管理成本高，售后体验差</p>


            </article>
            <span class="more">learn more</span>
          </div>
        </div>

      </a>
    </li>
  </ul>

  <div class="in-pager arr-pages">
    <a href="javascript:;" class="prev-page"></a> <a href="" class="active">1</a><a href="">2</a><a href="">...</a><a href="">8</a><a
      href="">9</a> <a href="" class="next-page"></a> </div>


  <!-- about-end -->
  <!-- footer -->
  @-@include('footer.html')
  <!-- footer-end -->
  <script src="./js/jquery.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/index.js"></script>
  <script>
    $(".header nav ul li").eq(4).addClass('active')
  </script>
</body>

</html>